<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		
        <title>Pecozo - Digital Marketplace HTML Template</title>
		
        <!-- All Plugins Css -->
        <link href="assets/css/plugins.css" rel="stylesheet">
		 

        <!-- Custom CSS -->
        <link href="assets/css/styles.css" rel="stylesheet">
    </head>
	
    <body class="blue-skin">
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <div class="Loader"></div>
		
        <!-- ============================================================== -->
        <!-- Main wrapper - style you can find in pages.scss -->
        <!-- ============================================================== -->
        <div id="main-wrapper">
		
            <!-- ============================================================== -->
            <!-- Top header  -->
            <!-- ============================================================== -->
            <!-- Start Navigation -->
			<div class="header header-light">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12">
							<nav id="navigation" class="navigation navigation-landscape">
								<div class="nav-header">
									<a class="nav-brand" href="#">
										<img src="assets/img/logo.png" class="logo" alt="" />
									</a>
									<div class="nav-toggle"></div>
								</div>
								<div class="nav-menus-wrapper">
									<ul class="nav-menu">
									
										<li><a href="index.html">主页<span class="submenu-indicator"></span></a>
										</li>
										
										<li class="active"><a href="study.html">学习主题<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="item-detail.html">Java</a></li>   
												<li><a href="item-detail.html">Java Script</a></li>
												<li><a href="item-detail.html">C</a></li>
												<li><a href="item-detail.html">C#</a></li>
												<li><a href="item-detail.html">C++</a></li>
												<li><a href="item-detail.html">Python</a></li>
											</ul>
										</li>
										<li><a href="reviews.html">精品文章</a></li>
										<li><a href="faq.html">问题与解答</a></li>
										<li><a href="#">金牌讲师<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="dashboard.html">mxt</a></li> 
											</ul>
										</li>
										<li><a href="#">其他<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="about.html">关于我们</a></li>
												<li><a href="login.html">登录</a></li>
												<li><a href="signup.html">注册</a></li>
												<li><a href="wallets.html">数据表</a></li>
												<li><a href="user.html">个人信息</a></li>
											</ul>
										</li>
									</ul>
									<ul class="nav-menu nav-menu-social align-to-right">
										<li class="add-listing green-bg">
											<a href="#" data-toggle="modal" data-target="#login">
												 <i class="ti-user mr-1"></i> 登录
											</a>
										</li>
									</ul>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</div>
			<!-- End Navigation -->
			<div class="clearfix"></div>
			<!-- ============================================================== -->
			<!-- Top header  -->
			<!-- ============================================================== -->
			
			<!-- ============================ Dashboard Header Start================================== -->
			<div class="_agt_dash dark" style="background:#675bca url(assets/img/tag-light.png) no-repeat;">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12">
							<div class="_capt9oi">
								<h1 class="text-light">Search Products</h1>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- ========================== Dashboard Header header ============================= -->
			
			
			<!-- ========================== Search Elements ============================= -->
			<section class="gray-light">
				<div class="container">
					<div class="row">
						<div class="col-lg-4 col-md-12 col-sm-12">
							<div class="search-sidebar sm-sidebar">
								<div class="search-sidebar_header">
									<h4 class="ssh_heading">Filter & Refine</h4>
								</div>
								<div class="search-sidebar-body">
								
									<!-- Single Option -->
									<div class="single_search_boxed">
										<div class="widget-boxed-body">
											<div class="side-list no-border">
												<div class="filter-card" id="shop-categories">
												
													
													<!-- Single Filter Card -->
													<div class="single_filter_card">
														<h5><a href="#allcates" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">All categories<i class="accordion-indicator ti-angle-down"></i></a></h5>
														
														<div class="collapse show" id="allcates" data-parent="#shop-categories">
															<div class="card-body">
																<div class="inner_widget_link">
																	<ul>
																		<li><a href="#">WordPress Themes<span>432</span></a></li>
																		<li><a href="#">Site templates<span>82</span></a></li>
																		<li><a href="#">UI Templates<span>541</span></a></li>
																		<li><a href="#">Marketing<span>312</span></a></li>
																		<li><a href="#">Templates Kits<span>65</span></a></li>
																		<li><a href="#">Graphics<span>242</span></a></li>
																	</ul>
																</div>
															</div>
														</div>
													</div>
													
													<!-- Single Filter Card -->
													<div class="single_filter_card">
														<h5><a href="#ecommerce" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">eCommerce<i class="accordion-indicator ti-angle-down"></i></a></h5>
														
														<div class="collapse" id="ecommerce" data-parent="#shop-categories" style="">
															<div class="card-body">
																<div class="inner_widget_link">
																	<ul>
																		<li><a href="#">WordPress Theme<span>112</span></a></li>
																		<li><a href="#">Shopify<span>82</span></a></li>
																		<li><a href="#">BigCommerce<span>56</span></a></li>
																		<li><a href="#">Magento<span>101</span></a></li>
																		<li><a href="#">OpenCart<span>212</span></a></li>
																		<li><a href="#">PrestaShop<span>92</span></a></li>
																	</ul>
																</div>
															</div>
														</div>
													</div>
													
													<!-- Single Filter Card -->
													<div class="single_filter_card">
														<h5><a href="#templates" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">Templates<i class="accordion-indicator ti-angle-down"></i></a></h5>
														
														<div class="collapse" id="templates" data-parent="#shop-categories" style="">
															<div class="card-body">
																<div class="inner_widget_link">
																	<ul>
																		<li><a href="#">WordPress Theme<span>112</span></a></li>
																		<li><a href="#">Shopify<span>82</span></a></li>
																		<li><a href="#">BigCommerce<span>56</span></a></li>
																		<li><a href="#">Magento<span>101</span></a></li>
																		<li><a href="#">OpenCart<span>212</span></a></li>
																		<li><a href="#">PrestaShop<span>92</span></a></li>
																	</ul>
																</div>
															</div>
														</div>
													</div>
													
													<!-- Single Filter Card -->
													<div class="single_filter_card">
														<h5><a href="#blogging" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">Blogging<i class="accordion-indicator ti-angle-down"></i></a></h5>
														
														<div class="collapse" id="blogging" data-parent="#shop-categories">
															<div class="card-body">
																<div class="inner_widget_link">
																	<ul>
																		<li><a href="#">WordPress Theme<span>112</span></a></li>
																		<li><a href="#">Shopify<span>82</span></a></li>
																		<li><a href="#">BigCommerce<span>56</span></a></li>
																		<li><a href="#">Magento<span>101</span></a></li>
																		<li><a href="#">OpenCart<span>212</span></a></li>
																		<li><a href="#">PrestaShop<span>92</span></a></li>
																	</ul>
																</div>
															</div>
														</div>
													</div>
													
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single Option -->
									<div class="single_search_boxed">
										<div class="widget-boxed-header">
											<h4><a href="#pricing" data-toggle="collapse" aria-expanded="false" role="button">Pricing</a></h4>
										</div>
										<div class="widget-boxed-body collapse show" id="pricing" data-parent="#pricing">
											<div class="side-list no-border mb-4">
												<div class="rg-slider">
													 <input type="text" class="js-range-slider" name="my_range" value="" />
												</div>	
											</div>
										</div>
									</div>
									
									<!-- Single Option -->
									<div class="single_search_boxed">
										<div class="widget-boxed-header">
											<h4><a href="#tags" data-toggle="collapse" aria-expanded="false" role="button">Tags</a></h4>
										</div>
										<div class="widget-boxed-body collapse show" id="tags" data-parent="#tags">
											<div class="side-list no-border">
												<!-- Single Filter Card -->
												<div class="single_filter_card">
													<div class="card-body pt-0">
														<div class="inner_widget_link">
															<ul class="no-ul-list">
																<li>
																	<input id="b1" class="checkbox-custom" name="b1" type="checkbox">
																	<label for="b1" class="checkbox-custom-label">Real Estate<span>142</span></label>
																</li>
																<li>
																	<input id="b2" class="checkbox-custom" name="b2" type="checkbox">
																	<label for="b2" class="checkbox-custom-label">Property<span>652</span></label>
																</li>
																<li>
																	<input id="b3" class="checkbox-custom" name="b3" type="checkbox">
																	<label for="b3" class="checkbox-custom-label">Residence<span>232</span></label>
																</li>
																<li>
																	<input id="b4" class="checkbox-custom" name="b4" type="checkbox">
																	<label for="b4" class="checkbox-custom-label">Real<span>192</span></label>
																</li>
																<li>
																	<input id="b5" class="checkbox-custom" name="b5" type="checkbox">
																	<label for="b5" class="checkbox-custom-label">Estate<span>265</span></label>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single Option -->
									<div class="single_search_boxed">
										<div class="widget-boxed-header">
											<h4><a href="#sales" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">Sales</a></h4>
										</div>
										<div class="widget-boxed-body collapse" id="sales" data-parent="#sales">
											<div class="side-list no-border">
												<!-- Single Filter Card -->
												<div class="single_filter_card">
													<div class="card-body pt-0">
														<div class="inner_widget_link">
															<ul class="no-ul-list">
																<li>
																	<input id="g1" class="checkbox-custom" name="g1" type="checkbox">
																	<label for="g1" class="checkbox-custom-label">No Slae<span>2</span></label>
																</li>
																<li>
																	<input id="g2" class="checkbox-custom" name="g2" type="checkbox">
																	<label for="g2" class="checkbox-custom-label">Low Sales<span>472</span></label>
																</li>
																<li>
																	<input id="g3" class="checkbox-custom" name="g3" type="checkbox">
																	<label for="g3" class="checkbox-custom-label">Medium Sales<span>170</span></label>
																</li>
																<li>
																	<input id="g4" class="checkbox-custom" name="g4" type="checkbox">
																	<label for="g4" class="checkbox-custom-label">High Sales<span>170</span></label>
																</li>
																<li>
																	<input id="g5" class="checkbox-custom" name="g5" type="checkbox">
																	<label for="g5" class="checkbox-custom-label">Top Sellers<span>170</span></label>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single Option -->
									<div class="single_search_boxed">
										<div class="widget-boxed-header">
											<h4><a href="#rating" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">Rating</a></h4>
										</div>
										<div class="widget-boxed-body collapse" id="rating" data-parent="#rating">
											<div class="side-list no-border">
												<!-- Single Filter Card -->
												<div class="single_filter_card">
													<div class="card-body pt-0">
														<div class="inner_widget_link">
															<ul class="no-ul-list">
																<li>
																	<input id="d1" class="checkbox-custom" name="d1" type="checkbox">
																	<label for="d1" class="checkbox-custom-label">Show All<span>250</span></label>
																</li>
																<li>
																	<input id="d2" class="checkbox-custom" name="d2" type="checkbox">
																	<label for="d2" class="checkbox-custom-label">1 Star<span>25</span></label>
																</li>
																<li>
																	<input id="d3" class="checkbox-custom" name="d3" type="checkbox">
																	<label for="d3" class="checkbox-custom-label">2 Star<span>17</span></label>
																</li>
																<li>
																	<input id="d4" class="checkbox-custom" name="d4" type="checkbox">
																	<label for="d4" class="checkbox-custom-label">3 Star<span>40</span></label>
																</li>
																<li>
																	<input id="d5" class="checkbox-custom" name="d5" type="checkbox">
																	<label for="d5" class="checkbox-custom-label">4 Star<span>52</span></label>
																</li>
																<li>
																	<input id="d6" class="checkbox-custom" name="d6" type="checkbox">
																	<label for="d6" class="checkbox-custom-label">5 Star<span>50</span></label>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single Option -->
									<div class="single_search_boxed">
										<div class="widget-boxed-header">
											<h4><a href="#comp" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">Compatible With</a></h4>
										</div>
										<div class="widget-boxed-body collapse" id="comp" data-parent="#comp">
											<div class="side-list no-border">
												<!-- Single Filter Card -->
												<div class="single_filter_card">
													<div class="card-body pt-0">
														<div class="inner_widget_link">
															<ul class="no-ul-list">
																<li>
																	<input id="t1" class="checkbox-custom" name="t1" type="checkbox">
																	<label for="t1" class="checkbox-custom-label">Woocommerce<span>422</span></label>
																</li>
																<li>
																	<input id="t2" class="checkbox-custom" name="t2" type="checkbox">
																	<label for="t2" class="checkbox-custom-label">Bootstrap<span>472</span></label>
																</li>
																<li>
																	<input id="t3" class="checkbox-custom" name="t3" type="checkbox">
																	<label for="t3" class="checkbox-custom-label">Wp Bakery Builder<span>170</span></label>
																</li>
																<li>
																	<input id="t4" class="checkbox-custom" name="t4" type="checkbox">
																	<label for="t4" class="checkbox-custom-label">Elementor Builder<span>140</span></label>
																</li>
																<li>
																	<input id="t5" class="checkbox-custom" name="t5" type="checkbox">
																	<label for="t5" class="checkbox-custom-label">BuddyPress<span>140</span></label>
																</li>
																<li>
																	<input id="t6" class="checkbox-custom" name="t6" type="checkbox">
																	<label for="t6" class="checkbox-custom-label">Digital downloads<span>140</span></label>
																</li>
																<li>
																	<input id="t7" class="checkbox-custom" name="t7" type="checkbox">
																	<label for="t7" class="checkbox-custom-label">Angular JS<span>140</span></label>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								
								</div>
							</div>
						</div>	
						
						<div class="col-lg-8 col-md-12 col-sm-12">
							<div class="row">
								<div class="col-lg-12 col-md-12">
									<div class="_filt_tag786">
										<div class="_tag782">
											<div class="_tag780">32 Items found</div>
										</div>
										<div class="_tag785">
											<div class="__g72juy">
												<a href="search-product.html" class="_ujh_tyr"><i class="ti-layout-grid2"></i></a>
												<a href="list-search-product.html" class="_ujh_tyr active"><i class="ti-view-list"></i></a>
											</div>
											<div class="_g78juy">
												<select class="form-control">
													<option>Best Match</option>
													<option>Best Sellers</option>
													<option>Recent Items</option>
													<option>Featured Items</option>
													<option>Trending Items</option>
													<option>Best Rated</option>
												</select>
											</div>									
										</div>
									</div>
								</div>
							</div>
							
							<!-- Show All List -->
							<div class="row">
								<div class="col-lg-12 col-md-12 col-sm-12">
									
									<!-- Single List Item -->
									<div class="_list_iju76">
										<img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
										<div class="_iju76_01">
											<div class="_iju76_thumb">
												<a href="item-detail.html"><img src="assets/img/preview-1.jpg" class="img-fluid" alt=""></a>
											</div>
											<div class="_iju76_caption">
												<h4 class="_kj76"><a href="item-detail.html">Reveal - Online Business Listing & Directory WP Theme</a></h4>
												<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
												<div class="uhtro">
													<ul>
														<li>Beautiful Home Page</li>
														<li>Advance Search</li>
														<li>10+ Home Pages</li>
													</ul>
												</div>
												<div class="item_list_links">
													<a href="item-detail.html" class="link link_prview">Preview</a>
													<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
													<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
												</div>
											</div>
										</div>
										<div class="_iju76_02">
											<div class="_lo9orw"><sup>$</sup>39</div>
											<div class="_8xc_pi">712 Sales</div>
											<div class="_j56ty1q">
												<div class="_iju7_reviw">
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star"></i>
													<span>(102)</span>
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single List Item -->
									<div class="_list_iju76">
										<div class="_iju76_01">
											<div class="_iju76_thumb">
												<a href="item-detail.html"><img src="assets/img/preview-2.jpg" class="img-fluid" alt=""></a>
											</div>
											<div class="_iju76_caption">
												<h4 class="_kj76"><a href="item-detail.html">JobVivo - Job Board HTML Template</a></h4>
												<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
												<div class="uhtro">
													<ul>
														<li>Beautiful Home Page</li>
														<li>Advance Search</li>
														<li>10+ Home Pages</li>
													</ul>
												</div>
												<div class="item_list_links">
													<a href="item-detail.html" class="link link_prview">Preview</a>
													<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
													<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
												</div>
											</div>
										</div>
										<div class="_iju76_02">
											<div class="_lo9orw"><sup>$</sup>21</div>
											<div class="_8xc_pi">52 Sales</div>
											<div class="_j56ty1q">
												<div class="_iju7_reviw">
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star"></i>
													<span>(21)</span>
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single List Item -->
									<div class="_list_iju76">
										<div class="_iju76_01">
											<div class="_iju76_thumb">
												<a href="item-detail.html"><img src="assets/img/preview-3.jpg" class="img-fluid" alt=""></a>
											</div>
											<div class="_iju76_caption">
												<h4 class="_kj76"><a href="item-detail.html">LearnUp - Online LMS Education WP Theme</a></h4>
												<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
												<div class="uhtro">
													<ul>
														<li>Beautiful Home Page</li>
														<li>Advance Search</li>
														<li>10+ Home Pages</li>
													</ul>
												</div>
												<div class="item_list_links">
													<a href="item-detail.html" class="link link_prview">Preview</a>
													<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
													<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
												</div>
											</div>
										</div>
										<div class="_iju76_02">
											<div class="_lo9orw"><sup>$</sup>49</div>
											<div class="_8xc_pi">600 Sales</div>
											<div class="_j56ty1q">
												<div class="_iju7_reviw">
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star"></i>
													<span>(56)</span>
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single List Item -->
									<div class="_list_iju76">
										<img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
										<div class="_iju76_01">
											<div class="_iju76_thumb">
												<a href="item-detail.html"><img src="assets/img/preview-4.jpg" class="img-fluid" alt=""></a>
											</div>
											<div class="_iju76_caption">
												<h4 class="_kj76"><a href="item-detail.html">Odex - Online Grocery &amp; Organic Food</a></h4>
												<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
												<div class="uhtro">
													<ul>
														<li>Beautiful Home Page</li>
														<li>Advance Search</li>
														<li>10+ Home Pages</li>
													</ul>
												</div>
												<div class="item_list_links">
													<a href="item-detail.html" class="link link_prview">Preview</a>
													<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
													<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
												</div>
											</div>
										</div>
										<div class="_iju76_02">
											<div class="_lo9orw"><sup>$</sup>59</div>
											<div class="_8xc_pi">75 Sales</div>
											<div class="_j56ty1q">
												<div class="_iju7_reviw">
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star"></i>
													<span>(05)</span>
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single List Item -->
									<div class="_list_iju76">
										<div class="_iju76_01">
											<div class="_iju76_thumb">
												<a href="item-detail.html"><img src="assets/img/preview-5.jpg" class="img-fluid" alt=""></a>
											</div>
											<div class="_iju76_caption">
												<h4 class="_kj76"><a href="item-detail.html">Resido - Real Estate HTML Template</a></h4>
												<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
												<div class="uhtro">
													<ul>
														<li>Beautiful Home Page</li>
														<li>Advance Search</li>
														<li>10+ Home Pages</li>
													</ul>
												</div>
												<div class="item_list_links">
													<a href="item-detail.html" class="link link_prview">Preview</a>
													<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
													<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
												</div>
											</div>
										</div>
										<div class="_iju76_02">
											<div class="_lo9orw"><sup>$</sup>21</div>
											<div class="_8xc_pi">40 Sales</div>
											<div class="_j56ty1q">
												<div class="_iju7_reviw">
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star"></i>
													<span>(4)</span>
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single List Item -->
									<div class="_list_iju76">
										<div class="_iju76_01">
											<div class="_iju76_thumb">
												<a href="item-detail.html"><img src="assets/img/preview-6.jpg" class="img-fluid" alt=""></a>
											</div>
											<div class="_iju76_caption">
												<h4 class="_kj76"><a href="item-detail.html">Unico - Multipurpose HTML Template</a></h4>
												<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
												<div class="uhtro">
													<ul>
														<li>Beautiful Home Page</li>
														<li>Advance Search</li>
														<li>10+ Home Pages</li>
													</ul>
												</div>
												<div class="item_list_links">
													<a href="item-detail.html" class="link link_prview">Preview</a>
													<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
													<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
												</div>
											</div>
										</div>
										<div class="_iju76_02">
											<div class="_lo9orw"><sup>$</sup>20</div>
											<div class="_8xc_pi">203 Sales</div>
											<div class="_j56ty1q">
												<div class="_iju7_reviw">
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star"></i>
													<span>(102)</span>
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single List Item -->
									<div class="_list_iju76">
										<div class="_iju76_01">
											<div class="_iju76_thumb">
												<a href="item-detail.html"><img src="assets/img/preview-8.jpg" class="img-fluid" alt=""></a>
											</div>
											<div class="_iju76_caption">
												<h4 class="_kj76"><a href="item-detail.html">Job Stock - Job Board WordPress Theme</a></h4>
												<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
												<div class="uhtro">
													<ul>
														<li>Beautiful Home Page</li>
														<li>Advance Search</li>
														<li>10+ Home Pages</li>
													</ul>
												</div>
												<div class="item_list_links">
													<a href="item-detail.html" class="link link_prview">Preview</a>
													<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
													<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
												</div>
											</div>
										</div>
										<div class="_iju76_02">
											<div class="_lo9orw"><sup>$</sup>49</div>
											<div class="_8xc_pi">56 Sales</div>
											<div class="_j56ty1q">
												<div class="_iju7_reviw">
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star filled"></i>
													<i class="fa fa-star"></i>
													<span>(22)</span>
												</div>
											</div>
										</div>
									</div>
									
								</div>
							</div>
							
							<div class="row">
								<div class="col-lg-12 col-md-12 col-sm-12">
									<ul class="pagination mt-0">
										<li class="page-item">
										  <a class="page-link" href="#" aria-label="Previous">
											<span class="ti-arrow-left"></span>
											<span class="sr-only">Previous</span>
										  </a>
										</li>
										<li class="page-item"><a class="page-link" href="#">1</a></li>
										<li class="page-item"><a class="page-link" href="#">2</a></li>
										<li class="page-item active"><a class="page-link" href="#">3</a></li>
										<li class="page-item"><a class="page-link" href="#">...</a></li>
										<li class="page-item"><a class="page-link" href="#">18</a></li>
										<li class="page-item">
										  <a class="page-link" href="#" aria-label="Next">
											<span class="ti-arrow-right"></span>
											<span class="sr-only">Next</span>
										  </a>
										</li>
									</ul>
								</div>
							</div>
							
						</div>						
					</div>
				</div>
			</section>
			<!-- ========================== Dashboard Elements ============================= -->
			
			<!-- ============================ Call To Action Start ================================== -->
			<section class="call-to-act" style="background:#5d47dd url(assets/img/landing-bg.png) no-repeat">
				<div class="container">
					<div class="row justify-content-center">
					
						<div class="col-lg-7 col-md-8">
							<div class="clt-caption text-center mb-4">
								<h3>Subscribe Now!</h3>
								<p>Simple pricing plans. Unlimited web maintenance service</p>
							</div>
							<div class="inner-flexible-box subscribe-box">
								<div class="input-group">
									<input type="text" class="form-control large" placeholder="Enter your mail here">
									<button class="btn btn-subscribe" type="button"><i class="fa fa-arrow-right"></i></button>
								</div>
							</div>
						</div>				
					</div>
				</div>
			</section>
			<!-- ============================ Call To Action End ================================== -->
			
			<!-- =========================== Footer Start ========================================= -->
			<footer class="dark-footer skin-dark-footer">
				<div>
					<div class="container">
						<div class="row">
							
							<div class="col-lg-4 col-md-6">
								<div class="footer-widget">
									<img src="assets/img/logo-light.png" class="img-fluid f-logo" width="120" alt="">
									<p>407-472 Rue Saint-Sulpice, Montreal<br>Quebec, H2Y 2V8</p>
									<ul class="footer-bottom-social">
										<li><a href="#"><i class="ti-facebook"></i></a></li>
										<li><a href="#"><i class="ti-twitter"></i></a></li>
										<li><a href="#"><i class="ti-instagram"></i></a></li>
										<li><a href="#"><i class="ti-linkedin"></i></a></li>
									</ul>
								</div>
							</div>		
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="about.html">About Us</a></li>
										<li><a href="faq.html">FAQs Page</a></li>
										<li><a href="billing.html">Checkout</a></li>
										<li><a href="login.html">Login</a></li>
									</ul>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Developers</h4>
									<ul class="footer-menu">
										<li><a href="#">Booking</a></li>
										<li><a href="#l">Stays</a></li>
										<li><a href="#">Adventures</a></li>
										<li><a href="#">Author Detail</a></li>
									</ul>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="about.html">About Us</a></li>
										<li><a href="faq.html">Jobs</a></li>
										<li><a href="#">Events</a></li>
										<li><a href="#">Press</a></li>
									</ul>
								</div>
							</div>
									
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="#">Support</a></li>
										<li><a href="contact.html">Contact Us</a></li>
										<li><a href="#">Privacy &amp; Terms</a></li>
									</ul>
								</div>
							</div>
							
						</div>
					</div>
				</div>
				
				<div class="footer-bottom">
					<div class="container">
						<div class="row align-items-center">
							
							<div class="col-lg-12 col-md-12 text-center">
								<p class="mb-0">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
							</div>
							
						</div>
					</div>
				</div>
			</footer>
			<!-- =========================== Footer End ========================================= -->
			
			<!-- Switcher Start -->
			<div class="w3-ch-sideBar w3-bar-block w3-card-2 w3-animate-right"  style="display:none;right:0;" id="rightMenu">
				<div class="_oli987">
					<h4 class="cart_heading">Your cart</h4>
					<button onclick="closeRightMenu()" class="w3-bar-item w3-button w3-large"><i class="ti-close"></i></button>
				</div>
				<div class="rightMenu-scroll">
					<div class="right-ch-sideBar" id="side-scroll">
						
						<div class="cart_select_items">
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-4.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">Orio - Online Multipurpose WordPress Theme</h4>
									<span class="numberof_item">$59</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-3.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">LearnUp - Online LMS WordPress Theme</h4>
									<span class="numberof_item">$39</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-2.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">Cario - Digital WordPress Theme</h4>
									<span class="numberof_item">$15x2</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
						</div>
						
						<div class="cart_subtotal">
							<h6>Subtotal<span class="theme-cl">$120.47</span></h6>
						</div>
						
						<div class="cart_action">
							<ul>
								<li><a href="" class="btn btn_checkout">Checkout Now</a></li>
							</ul>
						</div>
						
					</div>
				</div>
			</div>
			
			<!-- Log In Modal -->
			<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="registermodal" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
					<div class="modal-content" id="registermodal">
						<div class="modal-header">
							<h4>Close Window</h4>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="ti-close"></i></span></button>
						</div>
						<div class="modal-body">
							<h4 class="modal-header-title">Sign <span class="theme-cl">In</span></h4>
							
							<div class="login-form">
								<form>
								
									<div class="form-group">
										<label>User Name</label>
										<div class="input-with-gray light">
											<input type="text" class="form-control" placeholder="Username">
										</div>
									</div>
									
									<div class="form-group">
										<label>Password</label>
										<div class="input-with-gray light">
											<input type="password" class="form-control" placeholder="*******">
										</div>
									</div>
									
									<div class="form-group">
										<button type="submit" class="btn theme-bg btn-md full-width pop-login">Login</button>
									</div>
								
								</form>
							</div>
							
							<div class="form-group text-center">
								<span>Or Signup with</span>
							</div>
							
							<div class="social_logs mb-4">
								<ul>
									<li class="fb-login"><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li class="gp-login"><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li class="ln-login"><a href="#"><i class="fa fa-linkedin"></i></a></li>
								</ul>
							</div>
							
						</div>
						<div class="modal-footer">
							<div class="mf-link"><i class="ti-user"></i>Haven't An Account?<a href="javascript:void(0)" class="theme-cl"> Sign Up</a></div>
							<div class="mf-forget"><a href="#"><i class="ti-help"></i>Forget Password</a></div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Modal -->			

		</div>
		<!-- ============================================================== -->
		<!-- End Wrapper -->
		<!-- ============================================================== -->

		<!-- ============================================================== -->
		<!-- All Jquery -->
		<!-- ============================================================== -->
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/select2.min.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/ion.rangeSlider.min.js"></script>
		<script src="assets/js/counterup.min.js"></script>
		<script src="assets/js/custom.js"></script>
		<!-- ============================================================== -->
		<!-- This page plugins -->
		<!-- ============================================================== -->
		
		<script>
			function openRightMenu() {
				document.getElementById("rightMenu").style.display = "block";
			}
			function closeRightMenu() {
				document.getElementById("rightMenu").style.display = "none";
			}
		</script>
		
		<script>
			$(".js-range-slider").ionRangeSlider({
				type: "double",
				min: 0,
				max: 1000,
				from: 200,
				to: 500,
				grid: true
			});
		</script>
		
	</body>
</html>